<template>
  <div data-v-394040b0 class="icons">
    <div data-v-394040b0 class="icons-item">
      <i  @click="geticlass($event)" data-v-394040b0 class="i-icon i-icon-accessory" style="font-size: 32px;"></i>
      <p data-v-394040b0>accessory</p>
    </div>
    <div data-v-394040b0 class="icons-item">
      <i  @click="geticlass($event)" data-v-394040b0 class="i-icon i-icon-activity" style="font-size: 32px;"></i>
      <p data-v-394040b0>activity</p>
    </div>
    <div data-v-394040b0 class="icons-item">
      <i  @click="geticlass($event)" data-v-394040b0 class="i-icon i-icon-activity_fill" style="font-size: 32px;"></i>
      <p data-v-394040b0>activity_fill</p>
    </div>
    <div data-v-394040b0 class="icons-item">
      <i  @click="geticlass($event)" data-v-394040b0 class="i-icon i-icon-add" style="font-size: 32px;"></i>
      <p data-v-394040b0>add</p>
    </div>
    <div data-v-394040b0 class="icons-item">
      <i  @click="geticlass($event)" data-v-394040b0 class="i-icon i-icon-addressbook_fill" style="font-size: 32px;"></i>
      <p data-v-394040b0>addressbook_fill</p>
    </div>
    <div data-v-394040b0 class="icons-item">
      <i  @click="geticlass($event)" data-v-394040b0 class="i-icon i-icon-addressbook" style="font-size: 32px;"></i>
      <p data-v-394040b0>addressbook</p>
    </div>
    <div data-v-394040b0 class="icons-item">
      <i  @click="geticlass($event)" data-v-394040b0 class="i-icon i-icon-barrage_fill" style="font-size: 32px;"></i>
      <p data-v-394040b0>barrage_fill</p>
    </div>
    <div data-v-394040b0 class="icons-item">
      <i  @click="geticlass($event)" data-v-394040b0 class="i-icon i-icon-barrage" style="font-size: 32px;"></i>
      <p data-v-394040b0>barrage</p>
    </div>
    <div data-v-394040b0 class="icons-item">
      <i  @click="geticlass($event)" data-v-394040b0 class="i-icon i-icon-browse_fill" style="font-size: 32px;"></i>
      <p data-v-394040b0>browse_fill</p>
    </div>
    <div data-v-394040b0 class="icons-item">
      <i  @click="geticlass($event)" data-v-394040b0 class="i-icon i-icon-browse" style="font-size: 32px;"></i>
      <p data-v-394040b0>browse</p>
    </div>
    <div data-v-394040b0 class="icons-item">
      <i  @click="geticlass($event)" data-v-394040b0 class="i-icon i-icon-brush" style="font-size: 32px;"></i>
      <p data-v-394040b0>brush</p>
    </div>
    <div data-v-394040b0 class="icons-item">
      <i  @click="geticlass($event)" data-v-394040b0 class="i-icon i-icon-brush_fill" style="font-size: 32px;"></i>
      <p data-v-394040b0>brush_fill</p>
    </div>
    <div data-v-394040b0 class="icons-item">
      <i  @click="geticlass($event)" data-v-394040b0 class="i-icon i-icon-businesscard_fill" style="font-size: 32px;"></i>
      <p data-v-394040b0>businesscard_fill</p>
    </div>
    <div data-v-394040b0 class="icons-item">
      <i  @click="geticlass($event)" data-v-394040b0 class="i-icon i-icon-businesscard" style="font-size: 32px;"></i>
      <p data-v-394040b0>businesscard</p>
    </div>
    <div data-v-394040b0 class="icons-item">
      <i  @click="geticlass($event)" data-v-394040b0 class="i-icon i-icon-camera_fill" style="font-size: 32px;"></i>
      <p data-v-394040b0>camera_fill</p>
    </div>
    <div data-v-394040b0 class="icons-item">
      <i  @click="geticlass($event)" data-v-394040b0 class="i-icon i-icon-camera" style="font-size: 32px;"></i>
      <p data-v-394040b0>camera</p>
    </div>
    <div data-v-394040b0 class="icons-item">
      <i  @click="geticlass($event)" data-v-394040b0 class="i-icon i-icon-clock_fill" style="font-size: 32px;"></i>
      <p data-v-394040b0>clock_fill</p>
    </div>
    <div data-v-394040b0 class="icons-item">
      <i  @click="geticlass($event)" data-v-394040b0 class="i-icon i-icon-clock" style="font-size: 32px;"></i>
      <p data-v-394040b0>clock</p>
    </div>
    <div data-v-394040b0 class="icons-item">
      <i  @click="geticlass($event)" data-v-394040b0 class="i-icon i-icon-close" style="font-size: 32px;"></i>
      <p data-v-394040b0>close</p>
    </div>
    <div data-v-394040b0 class="icons-item">
      <i  @click="geticlass($event)" data-v-394040b0 class="i-icon i-icon-collection_fill" style="font-size: 32px;"></i>
      <p data-v-394040b0>collection_fill</p>
    </div>
    <div data-v-394040b0 class="icons-item">
      <i  @click="geticlass($event)" data-v-394040b0 class="i-icon i-icon-collection" style="font-size: 32px;"></i>
      <p data-v-394040b0>collection</p>
    </div>
    <div data-v-394040b0 class="icons-item">
      <i  @click="geticlass($event)" data-v-394040b0 class="i-icon i-icon-computer_fill" style="font-size: 32px;"></i>
      <p data-v-394040b0>computer_fill</p>
    </div>
    <div data-v-394040b0 class="icons-item">
      <i  @click="geticlass($event)" data-v-394040b0 class="i-icon i-icon-computer" style="font-size: 32px;"></i>
      <p data-v-394040b0>computer</p>
    </div>
    <div data-v-394040b0 class="icons-item">
      <i  @click="geticlass($event)" data-v-394040b0 class="i-icon i-icon-coordinates_fill" style="font-size: 32px;"></i>
      <p data-v-394040b0>coordinates_fill</p>
    </div>
    <div data-v-394040b0 class="icons-item">
      <i  @click="geticlass($event)" data-v-394040b0 class="i-icon i-icon-coordinates" style="font-size: 32px;"></i>
      <p data-v-394040b0>coordinates</p>
    </div>
    <div data-v-394040b0 class="icons-item">
      <i  @click="geticlass($event)" data-v-394040b0 class="i-icon i-icon-coupons_fill" style="font-size: 32px;"></i>
      <p data-v-394040b0>coupons_fill</p>
    </div>
    <div data-v-394040b0 class="icons-item">
      <i  @click="geticlass($event)" data-v-394040b0 class="i-icon i-icon-coupons" style="font-size: 32px;"></i>
      <p data-v-394040b0>coupons</p>
    </div>
    <div data-v-394040b0 class="icons-item">
      <i  @click="geticlass($event)" data-v-394040b0 class="i-icon i-icon-createtask_fill" style="font-size: 32px;"></i>
      <p data-v-394040b0>createtask_fill</p>
    </div>
    <div data-v-394040b0 class="icons-item">
      <i  @click="geticlass($event)" data-v-394040b0 class="i-icon i-icon-createtask" style="font-size: 32px;"></i>
      <p data-v-394040b0>createtask</p>
    </div>
    <div data-v-394040b0 class="icons-item">
      <i  @click="geticlass($event)" data-v-394040b0 class="i-icon i-icon-customerservice_fill" style="font-size: 32px;"></i>
      <p data-v-394040b0>customerservice_fill</p>
    </div>
    <div data-v-394040b0 class="icons-item">
      <i  @click="geticlass($event)" data-v-394040b0 class="i-icon i-icon-customerservice" style="font-size: 32px;"></i>
      <p data-v-394040b0>customerservice</p>
    </div>
    <div data-v-394040b0 class="icons-item">
      <i  @click="geticlass($event)" data-v-394040b0 class="i-icon i-icon-delete_fill" style="font-size: 32px;"></i>
      <p data-v-394040b0>delete_fill</p>
    </div>
    <div data-v-394040b0 class="icons-item">
      <i  @click="geticlass($event)" data-v-394040b0 class="i-icon i-icon-delete" style="font-size: 32px;"></i>
      <p data-v-394040b0>delete</p>
    </div>
    <div data-v-394040b0 class="icons-item">
      <i  @click="geticlass($event)" data-v-394040b0 class="i-icon i-icon-document" style="font-size: 32px;"></i>
      <p data-v-394040b0>document</p>
    </div>
    <div data-v-394040b0 class="icons-item">
      <i  @click="geticlass($event)" data-v-394040b0 class="i-icon i-icon-document_fill" style="font-size: 32px;"></i>
      <p data-v-394040b0>document_fill</p>
    </div>
    <div data-v-394040b0 class="icons-item">
      <i  @click="geticlass($event)" data-v-394040b0 class="i-icon i-icon-dynamic_fill" style="font-size: 32px;"></i>
      <p data-v-394040b0>dynamic_fill</p>
    </div>
    <div data-v-394040b0 class="icons-item">
      <i  @click="geticlass($event)" data-v-394040b0 class="i-icon i-icon-dynamic" style="font-size: 32px;"></i>
      <p data-v-394040b0>dynamic</p>
    </div>
    <div data-v-394040b0 class="icons-item">
      <i  @click="geticlass($event)" data-v-394040b0 class="i-icon i-icon-editor" style="font-size: 32px;"></i>
      <p data-v-394040b0>editor</p>
    </div>
    <div data-v-394040b0 class="icons-item">
      <i  @click="geticlass($event)" data-v-394040b0 class="i-icon i-icon-eit" style="font-size: 32px;"></i>
      <p data-v-394040b0>eit</p>
    </div>
    <div data-v-394040b0 class="icons-item">
      <i  @click="geticlass($event)" data-v-394040b0 class="i-icon i-icon-emoji_fill" style="font-size: 32px;"></i>
      <p data-v-394040b0>emoji_fill</p>
    </div>
    <div data-v-394040b0 class="icons-item">
      <i  @click="geticlass($event)" data-v-394040b0 class="i-icon i-icon-emoji" style="font-size: 32px;"></i>
      <p data-v-394040b0>emoji</p>
    </div>
    <div data-v-394040b0 class="icons-item">
      <i  @click="geticlass($event)" data-v-394040b0 class="i-icon i-icon-enter" style="font-size: 32px;"></i>
      <p data-v-394040b0>enter</p>
    </div>
    <div data-v-394040b0 class="icons-item">
      <i  @click="geticlass($event)" data-v-394040b0 class="i-icon i-icon-enterinto" style="font-size: 32px;"></i>
      <p data-v-394040b0>enterinto</p>
    </div>
    <div data-v-394040b0 class="icons-item">
      <i  @click="geticlass($event)" data-v-394040b0 class="i-icon i-icon-enterinto_fill" style="font-size: 32px;"></i>
      <p data-v-394040b0>enterinto_fill</p>
    </div>
    <div data-v-394040b0 class="icons-item">
      <i  @click="geticlass($event)" data-v-394040b0 class="i-icon i-icon-feedback_fill" style="font-size: 32px;"></i>
      <p data-v-394040b0>feedback_fill</p>
    </div>
    <div data-v-394040b0 class="icons-item">
      <i  @click="geticlass($event)" data-v-394040b0 class="i-icon i-icon-feedback" style="font-size: 32px;"></i>
      <p data-v-394040b0>feedback</p>
    </div>
    <div data-v-394040b0 class="icons-item">
      <i  @click="geticlass($event)" data-v-394040b0 class="i-icon i-icon-flag_fill" style="font-size: 32px;"></i>
      <p data-v-394040b0>flag_fill</p>
    </div>
    <div data-v-394040b0 class="icons-item">
      <i  @click="geticlass($event)" data-v-394040b0 class="i-icon i-icon-flag" style="font-size: 32px;"></i>
      <p data-v-394040b0>flag</p>
    </div>
    <div data-v-394040b0 class="icons-item">
      <i  @click="geticlass($event)" data-v-394040b0 class="i-icon i-icon-flashlight" style="font-size: 32px;"></i>
      <p data-v-394040b0>flashlight</p>
    </div>
    <div data-v-394040b0 class="icons-item">
      <i  @click="geticlass($event)" data-v-394040b0 class="i-icon i-icon-flashlight_fill" style="font-size: 32px;"></i>
      <p data-v-394040b0>flashlight_fill</p>
    </div>
    <div data-v-394040b0 class="icons-item">
      <i  @click="geticlass($event)" data-v-394040b0 class="i-icon i-icon-fullscreen" style="font-size: 32px;"></i>
      <p data-v-394040b0>fullscreen</p>
    </div>
    <div data-v-394040b0 class="icons-item">
      <i  @click="geticlass($event)" data-v-394040b0 class="i-icon i-icon-group" style="font-size: 32px;"></i>
      <p data-v-394040b0>group</p>
    </div>
    <div data-v-394040b0 class="icons-item">
      <i  @click="geticlass($event)" data-v-394040b0 class="i-icon i-icon-group_fill" style="font-size: 32px;"></i>
      <p data-v-394040b0>group_fill</p>
    </div>
    <div data-v-394040b0 class="icons-item">
      <i  @click="geticlass($event)" data-v-394040b0 class="i-icon i-icon-homepage_fill" style="font-size: 32px;"></i>
      <p data-v-394040b0>homepage_fill</p>
    </div>
    <div data-v-394040b0 class="icons-item">
      <i  @click="geticlass($event)" data-v-394040b0 class="i-icon i-icon-homepage" style="font-size: 32px;"></i>
      <p data-v-394040b0>homepage</p>
    </div>
    <div data-v-394040b0 class="icons-item">
      <i  @click="geticlass($event)" data-v-394040b0 class="i-icon i-icon-integral_fill" style="font-size: 32px;"></i>
      <p data-v-394040b0>integral_fill</p>
    </div>
    <div data-v-394040b0 class="icons-item">
      <i  @click="geticlass($event)" data-v-394040b0 class="i-icon i-icon-integral" style="font-size: 32px;"></i>
      <p data-v-394040b0>integral</p>
    </div>
    <div data-v-394040b0 class="icons-item">
      <i  @click="geticlass($event)" data-v-394040b0 class="i-icon i-icon-interactive_fill" style="font-size: 32px;"></i>
      <p data-v-394040b0>interactive_fill</p>
    </div>
    <div data-v-394040b0 class="icons-item">
      <i  @click="geticlass($event)" data-v-394040b0 class="i-icon i-icon-interactive" style="font-size: 32px;"></i>
      <p data-v-394040b0>interactive</p>
    </div>
    <div data-v-394040b0 class="icons-item">
      <i  @click="geticlass($event)" data-v-394040b0 class="i-icon i-icon-keyboard" style="font-size: 32px;"></i>
      <p data-v-394040b0>keyboard</p>
    </div>
    <div data-v-394040b0 class="icons-item">
      <i  @click="geticlass($event)" data-v-394040b0 class="i-icon i-icon-label" style="font-size: 32px;"></i>
      <p data-v-394040b0>label</p>
    </div>
    <div data-v-394040b0 class="icons-item">
      <i  @click="geticlass($event)" data-v-394040b0 class="i-icon i-icon-label_fill" style="font-size: 32px;"></i>
      <p data-v-394040b0>label_fill</p>
    </div>
    <div data-v-394040b0 class="icons-item">
      <i  @click="geticlass($event)" data-v-394040b0 class="i-icon i-icon-like_fill" style="font-size: 32px;"></i>
      <p data-v-394040b0>like_fill</p>
    </div>
    <div data-v-394040b0 class="icons-item">
      <i  @click="geticlass($event)" data-v-394040b0 class="i-icon i-icon-like" style="font-size: 32px;"></i>
      <p data-v-394040b0>like</p>
    </div>
    <div data-v-394040b0 class="icons-item">
      <i  @click="geticlass($event)" data-v-394040b0 class="i-icon i-icon-live_fill" style="font-size: 32px;"></i>
      <p data-v-394040b0>live_fill</p>
    </div>
    <div data-v-394040b0 class="icons-item">
      <i  @click="geticlass($event)" data-v-394040b0 class="i-icon i-icon-live" style="font-size: 32px;"></i>
      <p data-v-394040b0>live</p>
    </div>
    <div data-v-394040b0 class="icons-item">
      <i  @click="geticlass($event)" data-v-394040b0 class="i-icon i-icon-lock_fill" style="font-size: 32px;"></i>
      <p data-v-394040b0>lock_fill</p>
    </div>
    <div data-v-394040b0 class="icons-item">
      <i  @click="geticlass($event)" data-v-394040b0 class="i-icon i-icon-lock" style="font-size: 32px;"></i>
      <p data-v-394040b0>lock</p>
    </div>
    <div data-v-394040b0 class="icons-item">
      <i  @click="geticlass($event)" data-v-394040b0 class="i-icon i-icon-mail" style="font-size: 32px;"></i>
      <p data-v-394040b0>mail</p>
    </div>
    <div data-v-394040b0 class="icons-item">
      <i  @click="geticlass($event)" data-v-394040b0 class="i-icon i-icon-mail_fill" style="font-size: 32px;"></i>
      <p data-v-394040b0>mail_fill</p>
    </div>
    <div data-v-394040b0 class="icons-item">
      <i  @click="geticlass($event)" data-v-394040b0 class="i-icon i-icon-message" style="font-size: 32px;"></i>
      <p data-v-394040b0>message</p>
    </div>
    <div data-v-394040b0 class="icons-item">
      <i  @click="geticlass($event)" data-v-394040b0 class="i-icon i-icon-message_fill" style="font-size: 32px;"></i>
      <p data-v-394040b0>message_fill</p>
    </div>
    <div data-v-394040b0 class="icons-item">
      <i  @click="geticlass($event)" data-v-394040b0 class="i-icon i-icon-mine" style="font-size: 32px;"></i>
      <p data-v-394040b0>mine</p>
    </div>
    <div data-v-394040b0 class="icons-item">
      <i  @click="geticlass($event)" data-v-394040b0 class="i-icon i-icon-mine_fill" style="font-size: 32px;"></i>
      <p data-v-394040b0>mine_fill</p>
    </div>
    <div data-v-394040b0 class="icons-item">
      <i  @click="geticlass($event)" data-v-394040b0 class="i-icon i-icon-mobilephone_fill" style="font-size: 32px;"></i>
      <p data-v-394040b0>mobilephone_fill</p>
    </div>
    <div data-v-394040b0 class="icons-item">
      <i  @click="geticlass($event)" data-v-394040b0 class="i-icon i-icon-mobilephone" style="font-size: 32px;"></i>
      <p data-v-394040b0>mobilephone</p>
    </div>
    <div data-v-394040b0 class="icons-item">
      <i  @click="geticlass($event)" data-v-394040b0 class="i-icon i-icon-more" style="font-size: 32px;"></i>
      <p data-v-394040b0>more</p>
    </div>
    <div data-v-394040b0 class="icons-item">
      <i  @click="geticlass($event)" data-v-394040b0 class="i-icon i-icon-narrow" style="font-size: 32px;"></i>
      <p data-v-394040b0>narrow</p>
    </div>
    <div data-v-394040b0 class="icons-item">
      <i  @click="geticlass($event)" data-v-394040b0 class="i-icon i-icon-offline_fill" style="font-size: 32px;"></i>
      <p data-v-394040b0>offline_fill</p>
    </div>
    <div data-v-394040b0 class="icons-item">
      <i  @click="geticlass($event)" data-v-394040b0 class="i-icon i-icon-offline" style="font-size: 32px;"></i>
      <p data-v-394040b0>offline</p>
    </div>
    <div data-v-394040b0 class="icons-item">
      <i  @click="geticlass($event)" data-v-394040b0 class="i-icon i-icon-other" style="font-size: 32px;"></i>
      <p data-v-394040b0>other</p>
    </div>
    <div data-v-394040b0 class="icons-item">
      <i  @click="geticlass($event)" data-v-394040b0 class="i-icon i-icon-picture_fill" style="font-size: 32px;"></i>
      <p data-v-394040b0>picture_fill</p>
    </div>
    <div data-v-394040b0 class="icons-item">
      <i  @click="geticlass($event)" data-v-394040b0 class="i-icon i-icon-picture" style="font-size: 32px;"></i>
      <p data-v-394040b0>picture</p>
    </div>
    <div data-v-394040b0 class="icons-item">
      <i  @click="geticlass($event)" data-v-394040b0 class="i-icon i-icon-play" style="font-size: 32px;"></i>
      <p data-v-394040b0>play</p>
    </div>
    <div data-v-394040b0 class="icons-item">
      <i  @click="geticlass($event)" data-v-394040b0 class="i-icon i-icon-play_fill" style="font-size: 32px;"></i>
      <p data-v-394040b0>play_fill</p>
    </div>
    <div data-v-394040b0 class="icons-item">
      <i  @click="geticlass($event)" data-v-394040b0 class="i-icon i-icon-playon_fill" style="font-size: 32px;"></i>
      <p data-v-394040b0>playon_fill</p>
    </div>
    <div data-v-394040b0 class="icons-item">
      <i  @click="geticlass($event)" data-v-394040b0 class="i-icon i-icon-playon" style="font-size: 32px;"></i>
      <p data-v-394040b0>playon</p>
    </div>
    <div data-v-394040b0 class="icons-item">
      <i  @click="geticlass($event)" data-v-394040b0 class="i-icon i-icon-praise_fill" style="font-size: 32px;"></i>
      <p data-v-394040b0>praise_fill</p>
    </div>
    <div data-v-394040b0 class="icons-item">
      <i  @click="geticlass($event)" data-v-394040b0 class="i-icon i-icon-praise" style="font-size: 32px;"></i>
      <p data-v-394040b0>praise</p>
    </div>
    <div data-v-394040b0 class="icons-item">
      <i  @click="geticlass($event)" data-v-394040b0 class="i-icon i-icon-prompt_fill" style="font-size: 32px;"></i>
      <p data-v-394040b0>prompt_fill</p>
    </div>
    <div data-v-394040b0 class="icons-item">
      <i  @click="geticlass($event)" data-v-394040b0 class="i-icon i-icon-prompt" style="font-size: 32px;"></i>
      <p data-v-394040b0>prompt</p>
    </div>
    <div data-v-394040b0 class="icons-item">
      <i  @click="geticlass($event)" data-v-394040b0 class="i-icon i-icon-redpacket_fill" style="font-size: 32px;"></i>
      <p data-v-394040b0>redpacket_fill</p>
    </div>
    <div data-v-394040b0 class="icons-item">
      <i  @click="geticlass($event)" data-v-394040b0 class="i-icon i-icon-redpacket" style="font-size: 32px;"></i>
      <p data-v-394040b0>redpacket</p>
    </div>
    <div data-v-394040b0 class="icons-item">
      <i  @click="geticlass($event)" data-v-394040b0 class="i-icon i-icon-refresh" style="font-size: 32px;"></i>
      <p data-v-394040b0>refresh</p>
    </div>
    <div data-v-394040b0 class="icons-item">
      <i  @click="geticlass($event)" data-v-394040b0 class="i-icon i-icon-remind_fill" style="font-size: 32px;"></i>
      <p data-v-394040b0>remind_fill</p>
    </div>
    <div data-v-394040b0 class="icons-item">
      <i  @click="geticlass($event)" data-v-394040b0 class="i-icon i-icon-remind" style="font-size: 32px;"></i>
      <p data-v-394040b0>remind</p>
    </div>
    <div data-v-394040b0 class="icons-item">
      <i  @click="geticlass($event)" data-v-394040b0 class="i-icon i-icon-return" style="font-size: 32px;"></i>
      <p data-v-394040b0>return</p>
    </div>
    <div data-v-394040b0 class="icons-item">
      <i  @click="geticlass($event)" data-v-394040b0 class="i-icon i-icon-right" style="font-size: 32px;"></i>
      <p data-v-394040b0>right</p>
    </div>
    <div data-v-394040b0 class="icons-item">
      <i  @click="geticlass($event)" data-v-394040b0 class="i-icon i-icon-scan" style="font-size: 32px;"></i>
      <p data-v-394040b0>scan</p>
    </div>
    <div data-v-394040b0 class="icons-item">
      <i  @click="geticlass($event)" data-v-394040b0 class="i-icon i-icon-send" style="font-size: 32px;"></i>
      <p data-v-394040b0>send</p>
    </div>
    <div data-v-394040b0 class="icons-item">
      <i  @click="geticlass($event)" data-v-394040b0 class="i-icon i-icon-service_fill" style="font-size: 32px;"></i>
      <p data-v-394040b0>service_fill</p>
    </div>
    <div data-v-394040b0 class="icons-item">
      <i  @click="geticlass($event)" data-v-394040b0 class="i-icon i-icon-service" style="font-size: 32px;"></i>
      <p data-v-394040b0>service</p>
    </div>
    <div data-v-394040b0 class="icons-item">
      <i  @click="geticlass($event)" data-v-394040b0 class="i-icon i-icon-setup_fill" style="font-size: 32px;"></i>
      <p data-v-394040b0>setup_fill</p>
    </div>
    <div data-v-394040b0 class="icons-item">
      <i  @click="geticlass($event)" data-v-394040b0 class="i-icon i-icon-setup" style="font-size: 32px;"></i>
      <p data-v-394040b0>setup</p>
    </div>
    <div data-v-394040b0 class="icons-item">
      <i  @click="geticlass($event)" data-v-394040b0 class="i-icon i-icon-share_fill" style="font-size: 32px;"></i>
      <p data-v-394040b0>share_fill</p>
    </div>
    <div data-v-394040b0 class="icons-item">
      <i  @click="geticlass($event)" data-v-394040b0 class="i-icon i-icon-share" style="font-size: 32px;"></i>
      <p data-v-394040b0>share</p>
    </div>
    <div data-v-394040b0 class="icons-item">
      <i  @click="geticlass($event)" data-v-394040b0 class="i-icon i-icon-success_fill" style="font-size: 32px;"></i>
      <p data-v-394040b0>success_fill</p>
    </div>
    <div data-v-394040b0 class="icons-item">
      <i  @click="geticlass($event)" data-v-394040b0 class="i-icon i-icon-success" style="font-size: 32px;"></i>
      <p data-v-394040b0>success</p>
    </div>
    <div data-v-394040b0 class="icons-item">
      <i  @click="geticlass($event)" data-v-394040b0 class="i-icon i-icon-suspend" style="font-size: 32px;"></i>
      <p data-v-394040b0>suspend</p>
    </div>
    <div data-v-394040b0 class="icons-item">
      <i  @click="geticlass($event)" data-v-394040b0 class="i-icon i-icon-switch" style="font-size: 32px;"></i>
      <p data-v-394040b0>switch</p>
    </div>
    <div data-v-394040b0 class="icons-item">
      <i  @click="geticlass($event)" data-v-394040b0 class="i-icon i-icon-systemprompt_fill" style="font-size: 32px;"></i>
      <p data-v-394040b0>systemprompt_fill</p>
    </div>
    <div data-v-394040b0 class="icons-item">
      <i  @click="geticlass($event)" data-v-394040b0 class="i-icon i-icon-systemprompt" style="font-size: 32px;"></i>
      <p data-v-394040b0>systemprompt</p>
    </div>
    <div data-v-394040b0 class="icons-item">
      <i  @click="geticlass($event)" data-v-394040b0 class="i-icon i-icon-tailor" style="font-size: 32px;"></i>
      <p data-v-394040b0>tailor</p>
    </div>
    <div data-v-394040b0 class="icons-item">
      <i  @click="geticlass($event)" data-v-394040b0 class="i-icon i-icon-task" style="font-size: 32px;"></i>
      <p data-v-394040b0>task</p>
    </div>
    <div data-v-394040b0 class="icons-item">
      <i  @click="geticlass($event)" data-v-394040b0 class="i-icon i-icon-task_fill" style="font-size: 32px;"></i>
      <p data-v-394040b0>task_fill</p>
    </div>
    <div data-v-394040b0 class="icons-item">
      <i  @click="geticlass($event)" data-v-394040b0 class="i-icon i-icon-tasklist_fill" style="font-size: 32px;"></i>
      <p data-v-394040b0>tasklist_fill</p>
    </div>
    <div data-v-394040b0 class="icons-item">
      <i  @click="geticlass($event)" data-v-394040b0 class="i-icon i-icon-tasklist" style="font-size: 32px;"></i>
      <p data-v-394040b0>tasklist</p>
    </div>
    <div data-v-394040b0 class="icons-item">
      <i  @click="geticlass($event)" data-v-394040b0 class="i-icon i-icon-time_fill" style="font-size: 32px;"></i>
      <p data-v-394040b0>time_fill</p>
    </div>
    <div data-v-394040b0 class="icons-item">
      <i  @click="geticlass($event)" data-v-394040b0 class="i-icon i-icon-time" style="font-size: 32px;"></i>
      <p data-v-394040b0>time</p>
    </div>
    <div data-v-394040b0 class="icons-item">
      <i  @click="geticlass($event)" data-v-394040b0 class="i-icon i-icon-translation_fill" style="font-size: 32px;"></i>
      <p data-v-394040b0>translation_fill</p>
    </div>
    <div data-v-394040b0 class="icons-item">
      <i  @click="geticlass($event)" data-v-394040b0 class="i-icon i-icon-translation" style="font-size: 32px;"></i>
      <p data-v-394040b0>translation</p>
    </div>
    <div data-v-394040b0 class="icons-item">
      <i  @click="geticlass($event)" data-v-394040b0 class="i-icon i-icon-trash" style="font-size: 32px;"></i>
      <p data-v-394040b0>trash</p>
    </div>
    <div data-v-394040b0 class="icons-item">
      <i  @click="geticlass($event)" data-v-394040b0 class="i-icon i-icon-trash_fill" style="font-size: 32px;"></i>
      <p data-v-394040b0>trash_fill</p>
    </div>
    <div data-v-394040b0 class="icons-item">
      <i  @click="geticlass($event)" data-v-394040b0 class="i-icon i-icon-undo" style="font-size: 32px;"></i>
      <p data-v-394040b0>undo</p>
    </div>
    <div data-v-394040b0 class="icons-item">
      <i  @click="geticlass($event)" data-v-394040b0 class="i-icon i-icon-video" style="font-size: 32px;"></i>
      <p data-v-394040b0>video</p>
    </div>
    <div data-v-394040b0 class="icons-item">
      <i  @click="geticlass($event)" data-v-394040b0 class="i-icon i-icon-video_fill" style="font-size: 32px;"></i>
      <p data-v-394040b0>video_fill</p>
    </div>
    <div data-v-394040b0 class="icons-item">
      <i  @click="geticlass($event)" data-v-394040b0 class="i-icon i-icon-warning_fill" style="font-size: 32px;"></i>
      <p data-v-394040b0>warning_fill</p>
    </div>
    <div data-v-394040b0 class="icons-item">
      <i  @click="geticlass($event)" data-v-394040b0 class="i-icon i-icon-warning" style="font-size: 32px;"></i>
      <p data-v-394040b0>warning</p>
    </div>
    <div data-v-394040b0 class="icons-item">
      <i  @click="geticlass($event)" data-v-394040b0 class="i-icon i-icon-search" style="font-size: 32px;"></i>
      <p data-v-394040b0>search</p>
    </div>
    <div data-v-394040b0 class="icons-item">
      <i  @click="geticlass($event)" data-v-394040b0 class="i-icon i-icon-searchfill" style="font-size: 32px;"></i>
      <p data-v-394040b0>searchfill</p>
    </div>
    <div data-v-394040b0 class="icons-item">
      <i  @click="geticlass($event)" data-v-394040b0 class="i-icon i-icon-publishgoods_fill" style="font-size: 32px;"></i>
      <p data-v-394040b0>publishgoods_fill</p>
    </div>
    <div data-v-394040b0 class="icons-item">
      <i  @click="geticlass($event)" data-v-394040b0 class="i-icon i-icon-shop_fill" style="font-size: 32px;"></i>
      <p data-v-394040b0>shop_fill</p>
    </div>
    <div data-v-394040b0 class="icons-item">
      <i  @click="geticlass($event)" data-v-394040b0 class="i-icon i-icon-transaction_fill" style="font-size: 32px;"></i>
      <p data-v-394040b0>transaction_fill</p>
    </div>
    <div data-v-394040b0 class="icons-item">
      <i  @click="geticlass($event)" data-v-394040b0 class="i-icon i-icon-packup" style="font-size: 32px;"></i>
      <p data-v-394040b0>packup</p>
    </div>
    <div data-v-394040b0 class="icons-item">
      <i  @click="geticlass($event)" data-v-394040b0 class="i-icon i-icon-unfold" style="font-size: 32px;"></i>
      <p data-v-394040b0>unfold</p>
    </div>
    <div data-v-394040b0 class="icons-item">
      <i  @click="geticlass($event)" data-v-394040b0 class="i-icon i-icon-financial_fill" style="font-size: 32px;"></i>
      <p data-v-394040b0>financial_fill</p>
    </div>
    <div data-v-394040b0 class="icons-item">
      <i  @click="geticlass($event)" data-v-394040b0 class="i-icon i-icon-commodity" style="font-size: 32px;"></i>
      <p data-v-394040b0>commodity</p>
    </div>
  </div>
</template>
<script>
export default {
    methods:{
        geticlass(e){
            this.$emit("on-click",e.target.className)
        }
    }
}
</script>

<style scoped>
@import url(../assets/icon.css);
.icons{
    text-align: left;
}
.icons-item{
    display: inline-block;
    width: 100px;
    text-align: center;
    margin: 10px;
    cursor: pointer;
}
</style>
